{% extends "_layouts/examples.html" %}
{% block title %}Section / Shallow{% endblock %}

{% block standalone_css %}patterns_section{% endblock %}

{% block content %}
<section class="p-section">
  <hr class="p-rule" />
  <h3>Section</h3>
  <div class="p-section--shallow">
    <p>I'm a nested  shallow section. I'm a nested  shallow section. I'm a nested  shallow section. I'm a nested  shallow section. I'm a nested  shallow section. I'm a nested  shallow section. </p>
  </div>
  <div class="p-section--shallow">
    <p>I'm a nested  shallow section. I'm a nested  shallow section. I'm a nested  shallow section. I'm a nested  shallow section. I'm a nested  shallow section. I'm a nested  shallow section. </p>
  </div>
</section>
{% endblock %}
